@font-face {
	font-family: 'iconfont';  /* project id 1860045 */
	src: url('//at.alicdn.com/t/font_1860045_9z65p7meacf.eot');
	src: url('//at.alicdn.com/t/font_1860045_9z65p7meacf.eot?#iefix') format('embedded-opentype'),
	url('//at.alicdn.com/t/font_1860045_9z65p7meacf.woff2') format('woff2'),
	url('//at.alicdn.com/t/font_1860045_9z65p7meacf.woff') format('woff'),
	url('//at.alicdn.com/t/font_1860045_9z65p7meacf.ttf') format('truetype'),
	url('//at.alicdn.com/t/font_1860045_9z65p7meacf.svg#iconfont') format('svg');
}
body{overflow-x: hidden;}
.iconfont{font-size: inherit;}
img{ vertical-align: bottom;}
.container{ width:1200px;}
.header .header-top{color: #999999; line-height:36px; border-bottom:1px solid #f2f2f2;}
.header .header-top .quick-link a{ display: inline-block; vertical-align: middle;}
.header .header-top .quick-link .line{ display: inline-block; width:0; height:10px; border-left:1px solid #999999; margin:0 5px;}
.header .header-top .quick-link .check_lang{ margin-left:15px; display: inline-block; vertical-align: middle;}
.header .header-top .quick-link .check_lang img{ height:18px; margin-right:4px;    border-radius: 9px; vertical-align:middle;}

.header .header-mid{ padding:30px 0;}
.header .header-mid .logo{ color: #333333;}
.header .header-mid .logo .line{ border-left:1px dashed #ababab; margin:0 10px; height:45px;}
.header .header-mid .logo .logo-brief p{ line-height:2;}
.header .header-mid .header-tel{background: url("../images/icon-tel.png") left center no-repeat;padding-left: 60px; height: 55px;}
.header .header-mid .header-tel p{font-size: 16px; color: #333333;}
.header .header-mid .header-tel p em{font-size: 26px; font-weight:bold; line-height:1;}
.header .nav { height:60px; background-color: #0a68c0; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
.header .nav li{ -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; border-left: 1px solid rgba(255,255,255,.2);flex:1; max-width:150px; position: relative;}
.header .nav a{ font-size: 16px; display: block;text-align: center; line-height:60px; color: #ffffff;}
.header .nav li.on,.header .nav li:first-child{ border-left:none;}
.header .nav li.on,.header .nav li:hover{ background-color: #ffc000;}
.header .nav li.on::before{ content: ''; display: block; position: absolute; width:0; height:0; margin:auto; border:10px solid transparent; border-top-color: #ffffff; left: 0; right: 0;}

.header .nav.scroll-to-fixed-fixed{ -webkit-box-shadow: 0 0 10px #8b8b8b; -moz-box-shadow: 0 0 10px #8b8b8b; box-shadow: 0 0 10px #8b8b8b;}


/*banner start*/
.arrowToBottom{z-index:5;width:50px;height:50px;bottom:3.1%;margin-left:-25px;margin-top:-25px;cursor:pointer}
.arrowToBottom i{width:10px;height:10px;top:-5px;margin-left:-5px;transform:translateZ(0) scale(0);animation:square 4s linear infinite;background:#0a68c0;border-radius:50%}
.arrowToBottom,.arrowToBottom i{display:block;position:absolute;left:50%}
.arrowToBottom i:first-child{animation-delay:.8s}
.arrowToBottom i:nth-child(2){animation-delay:1.6s}
.arrowToBottom i:nth-child(3){animation-delay:2.4s}
.arrowToBottom i:nth-child(4){animation-delay:3.2s}
@keyframes square{
	0%{transform:translateZ(0) scale(0)}
	30%{transform:translate3d(0,15px,0) scale(.35)}
	50%{transform:translate3d(0,30px,0) scale(1)}
	70%{transform:translate3d(0,45px,0) scale(.35)}
	100%{transform:translate3d(0,60px,0) scale(0)}
}
.banner{position:relative}
.bannerSwiper .picBox{position:relative;overflow:hidden}
.bannerSwiper .pic{background-size:cover;background-position:center; height:650px;}
.bannerSwiper ._w1500{color:#fff;position:absolute;bottom:10%;z-index:5;left:50%;transform:translateX(-50%)}
.bannerSwiper .btnSwiper{display:inline-block;font-size:30px;cursor:pointer;transition:color ease .4s;visibility:hidden;opacity:0}
.bannerSwiper .btnSwiper i{transition:transform ease .4s;display:block}
.bannerSwiper .btnSwiper.button-next{margin-left:25px}
.bannerSwiper .tabNumber{float:right;display:flex;align-items:center;font-family:DINCondensedBold}
.bannerSwiper .tabNumber .n{font-size:30px;margin-right:15px}
.bannerSwiper .tabNumber .c{font-size:16px;margin-left:15px}
.banner ._bannerBtn{position:absolute;width:40%;top:0;height:100%;z-index:5}
.banner ._bannerBtn.leftBtn{left:0;cursor:url(../images/L.ico),pointer}
.banner ._bannerBtn.rightBtn{right:0;cursor:url(../images/R.ico),pointer}

#bannerSwiper .swiper-slide.swiper-slide-active{ z-index:999;}
#bannerSwiper .swiper-pagination-bullet{ width:30px; height:5px;border-radius: 0;}
#bannerSwiper .swiper-pagination-bullet-active{ background-color: #292a2b; opacity: 1;}
/*banner end*/




.fav-links{ padding:30px 0;}
.fav-links .link-label{ padding-right:10px; font-weight:bold; vertical-align: middle;font-size: 16px; line-height:32px;}
.fav-links .link-list a{ color: #999999; line-height:32px; margin-right:12px;}
.fav-links .link-list a:hover{color: #c80d16}
.footer{ background-color: #f8f8f8; padding-top:40px;}
.footer .footer-contact{ margin-bottom:20px;}
.footer .footer-contact .contact-title{ width:240px;}
.footer .footer-contact .contact-title .cname{font-size: 26px; color: #333333; line-height: 1; }
.footer .footer-contact .contact-title .ename{font-size: 16px; color: #999999; text-transform: uppercase; line-height:2; }
.footer .footer-contact .qrcode-box{ width:360px;}
.footer .footer-contact .qrcode-box .qrcode{ text-align: center;}
.footer .footer-contact .qrcode-box .qrcode .qrcode-img{ width:150px; height:150px;background-color: #ffffff; padding:10px;}
.footer .footer-contact .qrcode-box .qrcode p{ line-height:2; color: #999999;}
.footer .footer-contact .qrcode-box .qrcode .qrcode-img img{ width:100%; height:100%;object-fit: cover;}

.footer .footer-contact .contact-info{ padding-left:80px; line-height:2; color: #666666;;}
.footer .footer-contact .contact-info h3{ margin-bottom:10px; color: #333333;}

.footer .qrcode-list{ margin-left:20px;}
.footer .qrcode-list .qrcode{ margin:0 5px;text-align: center;font-size: 12px; line-height:24px;}
.footer .copyright{ background-color: #737373; padding:13px 0; color: #f8f8f8;}

.footer .copyright a{ color: #f8f8f8;}


/*首页搜索*/
.search-bar{  border-bottom:1px solid #d9d9d9;background: #f5f5f5;}
.search-bar .search-wrap{height:72px;}

.search-form{ height:38px !important; background-color: #fff; line-height:38px !important; border-radius: 19px; border:1px solid #d4d4d4; width:326px; overflow: hidden; position: relative;}
.search-form form{ height:auto; line-height:inherit;}
.search-form .input-txt{ width:270px; margin-left:15px; outline:none; border:none; display: inline-block; height:36px; vertical-align: middle;}
.search-form .input-btn{ cursor: pointer; display: inline-block;  vertical-align: middle; border:none; width:30px; height:30px;border-radius: 50%;background: url("../images/icon-search.png") center/80% no-repeat #ffc000;}
.search-form .input-btn:hover{ opacity:.9; }
.section{ padding-top:30px; padding-bottom:30px;}
.section .sec-head{text-align: center}
.section .sec-head h3{font-size: 40px;}
.section .sec-head h3 span{ font-size:48px; color: #0a68c0;}
.section .sec-head .head-desc{font-size: 18px; color: #666666;}

.section.sec-about{background: url("../images/i-about-bg.png") top no-repeat;}
.section.sec-about .about-content{ padding:20px; line-height:2;text-align: center;font-size: 16px;}
.section.sec-about .about-content p{ margin-bottom:10px;}
.about-param{ margin-top:15px;}
.about-param .param-icon{ width:70px; height:70px;text-align: center;margin: 0 auto; line-height:70px;}
.about-param .param-icon img{ max-width:100%; min-height:100%;}
.about-param .param-title{ text-align: center;font-size: 20px; line-height:2; margin:10px auto;}
.about-param .param-content{ font-size: 16px;padding: 24px;text-align: center;line-height: 2;color: #666;}

.sec-product{}
.sec-product .head-desc{ color: #666666; border:1px solid #666666; border-radius: 19px; display: inline-block; line-height:38px; padding:0 30px;}

.pro-tab-box{ margin-top:40px;}
.pro-tab-box .tab-head{ background-color: #0a68c0;}
.pro-tab-box .tab-head li{ cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; height:105px; flex:1;text-align: center; color: #ffffff; position: relative;}
.pro-tab-box .tab-head li::before{ content: ''; position: absolute; width:100%; height:100%;background-color: #ffc000; z-index:0; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; -webkit-transform: scaleX(0); -moz-transform: scaleX(0); -ms-transform: scaleX(0); -o-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: left center; -moz-transform-origin: left center; -ms-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center;}
.pro-tab-box .tab-head li .num{ height:30px;  overflow: hidden; position: relative; z-index:2;}
.pro-tab-box .tab-head li .num::before{ color: rgba(255,255,255,.1); content:attr(data-id);font-size: 50px; line-height:1;}
.pro-tab-box .tab-head li p{ position: relative; z-index:3; line-height: 2;font-size:18px; color: #ffffff;}
.pro-tab-box .tab-head li:last-child .num::before{ text-transform: uppercase;font-size: 40px;text-transform: uppercase;font-size: 32px;}
.pro-tab-box .tab-head li.on::before{ -webkit-transform: scaleX(1); -moz-transform: scaleX(1); -ms-transform: scaleX(1); -o-transform: scaleX(1); transform: scaleX(1); -webkit-transform-origin: right center; -moz-transform-origin: right center; -ms-transform-origin: right center; -o-transform-origin: right center; transform-origin: right center;}
.pro-tab-box .tab-head li.on p{ color: #333333;}
.pro-tab-box .tab-head li.on .num::before{ color: rgba(0,0,0,.1);}

/*.pro-tab-box .tab-head li.on ~ li::before {
	-webkit-transform-origin: right center; -moz-transform-origin: right center; -ms-transform-origin: right center; -o-transform-origin: right center; transform-origin: left center;
}*/
/*
.pro-tab-box .tab-head li:hover::before{ -webkit-transform: scaleX(1); -moz-transform: scaleX(1); -ms-transform: scaleX(1); -o-transform: scaleX(1); transform: scaleX(1); }
.pro-tab-box .tab-head li:hover ~ li::before{-webkit-transform-origin: left center; -moz-transform-origin: left center; -ms-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center;}

*/




.pro-tab-box .tab-bd{background: url("../images/pro-tab-bg.png") center/cover no-repeat; padding:10px 0;}
.pro-tab-box .tab-bd .container{ width:1300px;}
.pro-tab-box .tab-bd dt{ max-width:700px;}
.pro-tab-box .tab-bd dt img{ max-width:100%;}
.pro-tab-box .tab-bd dd{ padding-left:40px;}
.pro-tab-box .tab-bd h3{ color: #0a68c0;font-size: 30px; line-height:2.5;}
.pro-tab-box .tab-bd h3::after{ content: ''; display: block; width:50px; height:3px; background-color: currentColor; margin-bottom:15px;}
.pro-tab-box .tab-bd h4{ font-size: 20px; font-weight:normal; line-height:2.5;}
.pro-tab-box .tab-bd p{font-size: 16px; color: #666666; line-height:2;}

.pro-tab-box .tab-bd .btn-group{ margin-top:30px;}
.pro-tab-box .tab-bd .btn-group .btn{ color: #333333; height:42px; border:1px solid currentColor;border-radius: 3px; line-height:42px;text-align: center; width:176px; display: inline-block;font-size: 18px; margin-right:10px;}
.pro-tab-box .tab-bd .btn-group .btn i{ margin:0 3px;}
.pro-tab-box .tab-bd .btn-group .btn.btn-contact{ background-color: #ffc000; border:1px solid #ffc000;}
.pro-tab-box .tab-bd .btn-group .btn:hover{ opacity:.8;}


.sec-application-rang{}
.sec-application-rang .head-desc{ position: relative;}
.sec-application-rang .head-desc span{color: #666666; border:1px solid #999; border-radius: 19px; display: inline-block; line-height:38px; padding:0 30px; position: relative;background-color: #fff;}
.sec-application-rang .head-desc::before{ content: ''; display: block; height:0; position: absolute; width:100%; border-bottom:1px solid #e6e6e6; margin:auto; top: 0 ; bottom: 0; left: 0; right: 0;;}
.sec-application-rang .app-rang-head::before{ content: ''; width:15px; height:15px; background-color: #0a68c0; display: inline-block; margin-right:10px;}
.sec-application-rang .app-rang-head .head-cname{font-size: 28px;}
.sec-application-rang .app-rang-head .head-ename{font-size: 14px; color: #999999; text-transform: uppercase;}

.app-rang-box{ margin-top:30px;}
.app-rang-box .item{ width:139px; height:139px; -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.12) ; -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.12); box-shadow: 0 0 15px rgba(0, 0, 0, 0.12);}
.app-rang-box .item .iconfont{ color: #999999;font-size: 240%;}

.section.sec-msg{ height:330px;background: url("../images/msg-bg.png") center/cover;}
.section.sec-msg .msg-wrap{ height:240px;}
.section.sec-msg .msg-wrap .msg-left{ position: relative; padding:27px;flex: 0 0 406px; background-color: #ffc001;}
.section.sec-msg .msg-wrap .msg-left::before{ content: ''; display: block; width:57px; height:57px;background: url("../images/icon-edit.png") center/cover no-repeat; position: absolute; right:30px; top:30px;}
.section.sec-msg .msg-wrap .msg-left p{ color: #666666;    font-size: 16px;line-height: 2;font-weight: normal;}
.section.sec-msg .msg-wrap .msg-left h3{ font-size:30px; font-weight:normal; margin-top:30px;}
.section.sec-msg .msg-wrap .msg-left h4{ font-size:23px; font-weight:normal;}
.section.sec-msg .msg-wrap .msg-right{flex:1;background: rgba(10, 104, 192, 0.8); padding:20px 40px;}
.section.sec-msg .msg-wrap .msg-right .right-wrap{}
.section.sec-msg .msg-wrap .msg-right .right-wrap .form-item{ flex:0 0 47%; margin-bottom:10px;}
.section.sec-msg .msg-wrap .msg-right .msg-input,.captcha-input{ display: block; border:1px solid rgba(255,255,255,.5);background: transparent; color: #fff; height:32px; line-height:32px; padding:5px 10px; width:330px; outline:none;}
.section.sec-msg .msg-wrap .msg-right .msg-submit{ display: block; height:42px; background-color: #ffc001; color: #333333; width:130px; line-height:42px;text-align: center; margin-left:15px;}

.section.sec-msg .msg-wrap .msg-right input::-webkit-input-placeholder {
	color: #ffffff;
}
.section.sec-msg .msg-wrap .msg-right input:-moz-placeholder {
	color: #ffffff;
}

.section.sec-msg .msg-wrap .msg-right input::-moz-placeholder {
	color: #ffffff;
}

.section.sec-msg .msg-wrap .msg-right input:-ms-input-placeholder, textarea:-ms-input-placeholder {
	color: #ffffff;
}




.captcha-input{ width:180px; margin-right:15px;}
.section.sec-adv{ background: url("../images/adv-bg.png") center;}
.section.sec-adv .head-desc{ color: #666666; border:1px solid #999999; border-radius: 19px; display: inline-block; line-height:38px; padding:0 30px;}


.product-list{}
.product-list .pro-item{ padding:25px; background-color: #f5f5f5;}
.product-list .pro-item .pro-thumb{ position: relative; width:100%; height:100%;}
.product-list .pro-item .pro-thumb a{ display: block; width:100%; height:0; padding-bottom:100%; overflow: hidden;}
.product-list .pro-item .pro-thumb img{ max-width:100%;}
.product-list .pro-name{ color: #d42114; line-height:2;font-size: 20px; margin-bottom:8px;margin-top: 12px;}
.product-list .pro-name a{color: #d42114;}
.product-list .pro-name:after{ content: ''; display: block; width:30px; height:0; border-bottom:1px solid CurrentColor; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -ms-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease;}
.product-list .pro-desc{ color: #999999; line-height:1.5; padding-bottom: 10px;}
.product-list .pro-params{ color: #666666;font-size: 16px; line-height:1.5;padding-bottom: 10px;}
.product-list .pro-params p{ padding:3px 0 ;}
.product-list .pro-tools{}
.product-list .pro-tools a{ display: block; width:120px; color: #fff; height:32px; line-height:32px; float: left; margin-right:10px; text-align: center; position: relative;}
.product-list .pro-tools a i.icon{font-style: normal;position: absolute;right:10px;-webkit-transition: all .2s;-moz-transition: all .2s;-ms-transition: all .2s;-o-transition: all .2s;transition: all .2s;text-align: center;}
.product-list .pro-tools a span{ margin-right:8px;}
.product-list .pro-tools a.more{background-color: #d42114;}
.product-list .pro-tools a.ask{background-color: #282828;}
.product-list .pro-tools a:hover i.icon{ right:8px;}
.product-list .pro-item:hover .pro-name:after{width: 45px;}

.product-list.normal .pro-item{ width:420px; margin-top:30px; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s; margin-right:20px; float: left;}
.product-list.normal .pro-item:nth-child(3n){ margin-right:0;}
.product-list.normal .pro-item:hover{ -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); -ms-transform: translateY(-10px); -o-transform: translateY(-10px); transform: translateY(-10px); -webkit-box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.3); -moz-box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.3); box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.3);background-color: #ffffff}

.box{}
.box .box-head{ padding:30px 0;}
.box .box-head .head-name{font-size: 30px; color: #333;}
.box .box-head .head-name .head-icon{ display: inline-block; vertical-align: middle;width: 45px; height:45px;background: url("../images/icon-jiu.png") center/cover;}
.box .box-head .head-desc{ border-left:1px solid #666666;margin-left: 15px;padding-left: 15px; color: #666666;font-size: 18px;}
.box .box-head .head-more a{ display: inline-block; border:1px solid #acacac; color: #7b7b7b; width:100px; height:30px; line-height:30px;text-align: center;}
.box .box-head .head-more a:hover{ border-color: #d42114; color: #d42114;}


.features-box{ margin-top:30px; position: relative;}
.features-box .container{ position: relative; z-index:3;}
.features-box .box .box-head{ padding:60px 0;}

.features-box::before{ position: absolute; content: '';background: url("../images/features-bg.png") top center no-repeat fixed; width:100%; height:500px; z-index:1;}
.features-box .features-list{ position: relative; z-index:2;}
.features-box .features-list .features-item:not(:first-child){ margin-left:20px;}
.features-box .features-list .features-item{ color: #ffffff; width:310px; height:490px;background-color: #000000; position: relative; overflow: hidden;border-radius: 5px; -webkit-transition: all 1.3s ; -moz-transition: all 1.3s ; -ms-transition: all 1.3s; -o-transition: all 1.3s ; transition: all 1.3s ;}
/*.features-box .features-list .features-item::before{ content: ''; position: absolute;background: url("../images/img-jiao.png") center/cover no-repeat; width:100%; height:100%; top: 0; left: 0; z-index: 0;}*/
.features-box .features-list .features-item::after{ content: ''; position: absolute; background-position: center;background-size: cover;background-repeat: no-repeat; width:100%; height:100%; top: 0; left: 0; z-index: 1; -webkit-transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; -o-transition: all 1s; transition: all 1s;}
.features-box .features-list .features-item .item-wrap{position: relative;z-index: 2;    height: 100%;}
.features-box .features-list .features-item .item-icon{ width:126px; height:126px; position: relative;}
.features-box .features-list .features-item .item-icon::before{ display: block; position: absolute; content: ''; margin:auto; width:100%; height:100%; left: 0; top: 0;background: url("../images/icon-txt_bg.png") center/cover no-repeat; opacity:0;}
.features-box .features-list .features-item .item-icon::after{ display: block; content: '';position: absolute; margin:auto; width:100%; height:100%; left: 0; top: 0;background: url("../images/icon-txt_bg_w.png") center/cover no-repeat; opacity:1;}
.features-box .features-list .features-item .item-icon span{position: absolute;margin: auto;top: 0;left: 0;right: 0;bottom: 0;font-family: "楷体";width: 64px;height: 64px;font-size: 64px;line-height: 1;  font-weight:bold;}
.features-box .features-list .features-item .item-name{font-size: 26px;  margin-top:30px; position: relative;}
.features-box .features-list .features-item .item-name::before{ content: ''; display: block; width:40px; margin:0 auto 10px; height:0; border-bottom:2px solid CurrentColor;}
.features-box .features-list .features-item .item-ename{  text-transform: uppercase; line-height:2;font-size: 12px;}
.features-box .features-list .features-item .item-desc{width: 80%; margin-top: 15px;height: 0;  overflow: hidden; -webkit-transition: height 1.3s; -moz-transition: height 1.3s; -ms-transition: height .3s; -o-transition: height 1.3s; transition: height 1.3s; -webkit-transition-delay: .5s; -moz-transition-delay: .5s; -ms-transition-delay: .5s; -o-transition-delay: .5s; transition-delay: .5s;}

.features-box .features-list .features-item:nth-child(1)::after{background-image: url("../images/img-jiao.png");}
.features-box .features-list .features-item:nth-child(2)::after{background-image: url("../images/img-liang.png");}
.features-box .features-list .features-item:nth-child(3)::after{background-image: url("../images/img-ji.png");}
.features-box .features-list .features-item:nth-child(4)::after{background-image: url("../images/img-pin.png");}
.features-box .features-list .features-item:hover{background-color: rgba(255, 255, 255, .75); color: #000000;}

.features-box .features-list .features-item:hover::after { opacity:.1; -webkit-transition-delay: .2s; -moz-transition-delay: .2s; -ms-transition-delay: .2s; -o-transition-delay: .2s; transition-delay: .2s;}
.features-box .features-list .features-item:hover .item-icon::before{ opacity:1;}
.features-box .features-list .features-item:hover .item-icon::after{ opacity:0;}
.features-box .features-list .features-item:hover .item-icon span{ color: #000000;}
.features-box .features-list .features-item:hover .item-desc{ height: 105px;}

.i-news{ margin-top:30px;}

.i-news .news-list .thumb-news{ width:650px;}
.i-news .news-list .thumb-news .thumb-img{ height:0; padding-bottom:58.46%; overflow: hidden; position: relative;}
.i-news .news-list .thumb-news .thumb-img img{object-fit: cover; width:100%; height:100%; position: absolute; top:0;}


.news-txt-list{ background-color: #ffffff; flex:0 0 50%; max-width:50%; padding-left: 25px;}
.news-txt-list .news-item{ padding: 23px 0; border-bottom:1px solid #eaeaeb;}
.news-txt-list .news-item:first-child{ padding-top:0;}
.news-txt-list .news-item .news-info{flex: 0 520px;max-width: 520px;}
.news-txt-list .news-item .news-time{ text-align: center;  width: 100px; margin-right:20px;color: #999;}
.news-txt-list  .news-time p{ margin-bottom:0;}
.news-txt-list  .news-time .day{ font-size: 48px; font-weight:400; line-height: 1; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
.news-txt-list  .news-time .year{ font-size: 16px; line-height: 2;}
.news-txt-list .news-item .news-title{font-size: 20px; font-weight:400;}
.news-txt-list .news-item .news-desc{margin-top: 6px;font-size: 14px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;	overflow: hidden;}
.news-txt-list .news-item .news-desc a{    color: #999;line-height: 1.8;}
.news-txt-list .news-item:hover .day{ color: #c80d16;}
.news-txt-list .news-item:hover .year{ color: #666666;}
.news-txt-list .news-item:hover .news-title a{ color: #c80d16;}

.sbanner{ height:250px; position: relative; z-index:0;}
.sbanner .sbanner-wrap{ height:100%; color: #fff;}
.sbanner .sbanner-name{font-size: 30px;}
.sbanner .sbanner-ename{ text-transform: uppercase;}
.main-container{ position: relative; z-index:2;}
.page-crumbs{ background-color: #f3f3f3; height:50px; line-height:50px;}
.page-crumbs .catname{font-size: 18px;}
.page-crumbs .catname::before{ content: ''; display: inline-block; height:25px; width:4px; background-color: #c80d16; vertical-align: middle; margin-right:10px;}
.article-details{ line-height:32px; padding:20px 0;font-size: 16px;}


.contact-top{ margin:30px auto 40px;}
.contact-top .contact-item{text-align: center; height:300px; background-color: #ffffff; flex:1; margin:0 15px;border-radius: 5px; -webkit-box-shadow:  10px 10px 10px rgba(158, 158, 158, 0.3); -moz-box-shadow:  10px 10px 10px rgba(158, 158, 158, 0.3); box-shadow:  10px 10px 10px rgba(158, 158, 158, 0.3); -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
.contact-top .contact-item .item-icon i{ font-size:50px;}
.contact-top .contact-item .item-con{ padding:20px;}
.contact-top .contact-item .item-con p{ line-height:26px;font-size: 18px;}
.contact-top .contact-item:hover{background-color: #f9f9f9; -webkit-transform: translateY(10px); -moz-transform: translateY(10px); -ms-transform: translateY(10px); -o-transform: translateY(10px); transform: translateY(5px); -webkit-box-shadow: none ; -moz-box-shadow: none ; box-shadow: none ;}

#dituContent {
	width:100%;
	height: 350px;
}


.relate-pro{}
.relate-pro .pro-item{ width:100%; margin-bottom:10px;}
.relate-pro .pro-item .pro-pic img{ width:100%;}
.relate-pro .pro-item .pro-name{ line-height:26px; padding-top:12px; font-size:16px;}
.empty_tips{font-size: 22px; line-height:50px; margin-bottom:100px; margin-top:50px;text-align: center; color: #999;}

.image-list{ margin-top:30px;}
.image-list .image-item{ position: relative; padding:10px; width:400px; float: left;}
.image-list .image-item a{ position: relative; display: block;}
.image-list .image-item .pic{ position: relative;}
.image-list .image-item .pic img{ -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05);  cursor: zoom-in; -webkit-filter: grayscale(100);-webkit-filter: grayscale(100%);}
.image-list .image-item p{ position: absolute; width:90%; line-height:42px; margin:auto; bottom: 0; left: 0; right: 0; height:42px; z-index:2;text-align: center;color: #fff;font-size: 20px; opacity:0; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -ms-transform: translateY(20px); -o-transform: translateY(20px); transform: translateY(20px);background: rgba(0,0,0,.3);
	width: 100%;}

.image-list .image-item:hover p{ -webkit-transform: translateY(0) scale(1); -moz-transform: translateY(0) scale(1); -ms-transform: translateY(0) scale(1); -o-transform: translateY(0) scale(1); transform: translateY(0) scale(1); opacity:1;}
.image-list .image-item:hover  img{    -webkit-filter: grayscale(0);
	-webkit-filter: grayscale(0%); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1);}


.video-list{ margin-top:30px;}
.video-list .video-item{ position: relative; padding:10px; width:400px; float: left;}
.video-list .video-item a{ position: relative; display: block;}
.video-list .video-item .pic{ position: relative;}
.video-list .video-item .pic .play-btn{ position: absolute; margin:auto; left: 0; right: 0; top: 0; bottom: 0; z-index:9;width: 50px;	height: 50px;}
.video-list .video-item .pic .play-btn svg{ width:100%; height:100%;}
.video-list .video-item .pic .play-btn svg path{ -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
.video-list .video-item .pic img{ -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); }
.video-list .video-item p{  width:90%; line-height:42px; margin:auto; bottom: 0; left: 0; right: 0; height:42px; z-index:2;text-align: center;color: #333333;font-size: 20px; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; }

.video-list .video-item:hover p{ -webkit-transform: translateY(0) scale(1); -moz-transform: translateY(0) scale(1); -ms-transform: translateY(0) scale(1); -o-transform: translateY(0) scale(1); transform: translateY(0) scale(1); opacity:1;}
.video-list .video-item:hover  img{   -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1);}
.video-list .video-item:hover .pic .play-btn svg path{fill: #0a68c0}

.no-pic{position: absolute;width: 100%;height: 100%;background: rgba(0,0,0,.1);	display: flex;	justify-content: center;	align-items: center;	font-size: 30px;	color: #999;}


.news_list{ margin-top:30px;}
.news_list .news-item{ position: relative;width: 100%;height: 159px;border: 1px solid transparent;margin-bottom: 20px;    background: #f7f7f7;transition: all .6s cubic-bezier(.215,.61,.355,1) 0s;}
.news_list .news-thumb{ width: 230px;height: 157px;	float: left;-webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s;}
.news_list .news-thumb img {	width: 200px;	height: 130px;	margin: 15px;	border-bottom: 1px solid rgba(0,0,0,0.09);}
.news_list .news-info {-webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s; width: 56%;float: left;margin: 36px 0 28px 34px;}
.news_list .news-info .news-title{font-size: 16px;	color: #717171;	display: block;	height: 24px;	overflow: hidden;	margin-bottom: 20px;	-webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s;}
.news_list .news-info .news-desc{height: 52px;color: #a2a2a2;line-height: 24px;display: block;overflow: hidden; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s;    font-size: 14px;}
.news_list .news-item .news-time{padding: 36px 66px 0 0;height: 26px;font-size: 19px;color: #999;float: right;transition: all .3s ease-out 0s;}
.news_list .news-item .news-more{position: absolute; display: inline-block;	top: 100px;	right: 105px;    border: 1px solid #dedfe1; font-style: normal;font-size: 12px;color: #ccc; line-height:35px; width:70px;text-align: center; -webkit-transition: all .5s cubic-bezier(.215,.61,.355,1) 0s;; -moz-transition: all .5s cubic-bezier(.215,.61,.355,1) 0s;; -ms-transition: all .5s cubic-bezier(.215,.61,.355,1) 0s;; -o-transition: all .5s cubic-bezier(.215,.61,.355,1) 0s;;  transition: all .5s cubic-bezier(.215,.61,.355,1) 0s;}
.news_list .news-item:hover{border: 1px solid #efefef;box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.3); -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); -ms-transform: translateY(-10px); -o-transform: translateY(-10px); transform: translateY(-10px);    background: #fff;}
.news_list .news-item:hover .news-info .news-title{color: #333;}
.news_list .news-item:hover .news-info {margin: 36px 0 28px 54px;}
.news_list .news-item:hover .news-more{ color: #ffffff; background: #ccc; right:45px;}
.news_list .news-item:hover .news-time{padding: 36px 43px 0 0;color: #c80d16;}
.news_list .news-item:hover .news-more{ background-color: #c80d16;}



.news-details{ padding-top:20px;}
.news-details .article-title{text-align: center; color: #333333; font-size:18px;}
.news-details .article-meta{ text-align: center;font-size: 12px; color: #999999; line-height:3;}
.news-details .article-meta span{ margin:0 10px;}
.news-details .article-content{ padding:15px;font-size: 14px; line-height:26px; color: #666666;}
.news-details .article-content img{ max-width:100%;}
.news-details .article-content p{ margin-bottom:5px;}
.news-prenext{ font-size: 14px;line-height: 26px;border-bottom: 1px solid #eee;border-top: 1px solid #eee;padding: 10px;}


.adv-box{ margin-top:30px;}
.adv-box .adv-item{}
.adv-box .adv-item .adv-img{ position: relative; flex:0 0 50%; max-width:50%; height:400px;}
.adv-box .adv-item .adv-img .img-wrap{position: absolute;left: 0;right: 0;margin: auto;top: 0;bottom: 0;	overflow: hidden;}
.adv-box .adv-item .adv-img.img-left .img-wrap{ width: 640px; left: -40px;}
.adv-box .adv-item .adv-img.img-right .img-wrap{ width: 960px; left: 0px;}
.adv-box .adv-item .adv-img img{ -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; position: absolute; right: 0;}
.adv-box .adv-item .adv-info{ flex:0 0 50%; max-width:50%; padding:40px; position: relative;}
.adv-box .adv-item .adv-info .info-wrap{ position: relative;}
.adv-box .adv-item .adv-info .adv-num{ position: absolute; right: 0; top: 0;	}
.adv-box .adv-item .adv-info h3{ color: #0a68c0;font-size: 34px;}
.adv-box .adv-item .adv-info h3::before{ content: ''; display: block; width:60px; border-bottom:1px solid CurrentColor; margin-bottom:20px;}
.adv-box .adv-item .adv-info p{ color: #333333;font-size: 24px; }
.adv-box .adv-item .adv-info .desc{ color: #666666; line-height:2;font-size: 16px; margin-top:30px;}
.adv-box .adv-item:nth-child(even) .adv-img img{ right:auto; left:0;}

.adv-box .adv-item .adv-img:hover img{ -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05);}

.case-list{ margin-top:30px; margin-bottom:20px;}
.case-list .case-item{ width:360px; float: left;}
.case-list .case-item img{width: 100%;height: 100%;position: absolute;object-fit: cover;}
.case-list .case-item .item-name{ line-height:32px; border:1px solid #cccccc; padding:5px 10px;}
.sec-news{background: url("../images/news-bg.png") center/cover  no-repeat;}

.index-news{ margin-top:20px; padding:20px;background-color: #fff;}
.index-news .focus-news{ width:495px; height:370px; overflow: hidden; position: relative;}
.index-news .focus-news .news-item .item-name{ position: absolute; width:100%; left: 0; bottom: 0;background-color: rgba(0,0,0,.5); height:42px; line-height:42px; padding-left:20px; overflow: hidden; white-space:nowrap; -ms-text-overflow: ellipsis; text-overflow: ellipsis; padding-right:20px; color: #ffffff; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; -webkit-transform: translateY(60px); -moz-transform: translateY(60px); -ms-transform: translateY(60px); -o-transform: translateY(60px); transform: translateY(60px);}

.index-news  .swiper-container-horizontal>.swiper-pagination-bullets,.index-news  .swiper-pagination-custom, .swiper-pagination-fraction{
	width:auto; left:auto; right:10px;}
.index-news .swiper-pagination-bullet{background-color: #ffffff; opacity: .8;}
.index-news .swiper-pagination-bullet-active{ background-color: #0a68c0;}

.index-news .focus-news .swiper-slide-active .item-name{ -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0);}
.index-news .news-list{ padding-left:25px;flex: 1;}
.index-news .news-list .news-item .news-title{ line-height:36px;}
.index-news .news-list .news-item .news-title .dot.dot-3{ width:3px; height:3px; display: inline-block;vertical-align: middle; margin:0 auto;background-color: CurrentColor; position: relative; margin-left:5px; color: #c9c9c9;}
.index-news .news-list .news-item .news-title .dot.dot-3::before,.index-news .news-list .news-item .news-title .dot.dot-3::after{ content: ''; display: block; position: absolute; width:100%; height:100%;background-color: CurrentColor;}
.index-news .news-list .news-item .news-title .dot.dot-3::before{ -webkit-transform:  rotate(-90deg) translateY(-100%); -moz-transform: rotate(-90deg) translateY(-100%); -ms-transform: rotate(-90deg) translateY(-100%); -o-transform:  rotate(-90deg) translateY(-100%); transform:  rotate(-90deg) translateY(-100%); -webkit-transform-origin: top left; -moz-transform-origin: top left; -ms-transform-origin: top left; -o-transform-origin: top left; transform-origin: top left;}

.index-news .news-list .news-item .news-title .dot.dot-3::after{ -webkit-transform:  rotate(-90deg) translateX(-100%); -moz-transform: rotate(-90deg) translateX(-100%); -ms-transform: rotate(-90deg) translateX(-100%); -o-transform:  rotate(-90deg) translateX(-100%); transform:  rotate(-90deg) translateX(-100%); -webkit-transform-origin: bottom left; -moz-transform-origin: bottom left; -ms-transform-origin: bottom left; -o-transform-origin: bottom left; transform-origin: bottom left;}

.index-news .news-list .news-item .news-time{font-size: 12px; color: #999999;}
.index-news .news-list .news-item .news-desc{ color: #999999;}

.index-news .news-list .thumb-news.news-item{ padding-bottom:15px; margin-bottom:5px; border-bottom:1px solid #eee;}
.index-news .news-list .thumb-news.news-item .news-img{ width:180px;}
.index-news .news-list .thumb-news.news-item .news-info{ flex: 1; padding-left:15px;}


.innet-section{ padding-top:30px;}
.innet-section .sec-head{text-align: center; margin-bottom:30px;}
.innet-section .sec-head h3{font-size: 40px;}
.innet-section .sec-head h3 span{ font-size:48px; color: #0a68c0;}
.innet-section .sec-head .head-desc{ background: #fff; position: relative;font-size: 18px; color: #666666;}
.innet-section .sec-head .head-desc.border{border: 1px solid #666666;border-radius: 19px;display: inline-block;	line-height: 38px;	padding: 0 30px;}
.innet-section .sec-head .line{ position: relative;}
.innet-section .sec-head .line::before {content: '';display: block;height: 0;position: absolute;width: 100%;border-bottom: 1px solid #e6e6e6;margin: auto;top: 0;	bottom: 0;left: 0;right: 0;}


.innet-section  .about-content{ padding:20px;font-size: 14px; color: #333333; line-height:30px;text-indent: 2rem; margin-bottom:70px;}
.innet-section  .about-content p{ margin-bottom:12px;}


.about-bottom .item{ width:600px; position: relative;}
.about-bottom .item .item-wrap{position: relative; z-index:2; padding-right:20px; padding-top: 40px; padding-bottom: 40px; padding-left:20px;}
.about-bottom .item .item-icon{ margin-right:10px;}
.about-bottom .item .item-body .item-head{ margin-bottom:20px;}
.about-bottom .item .item-body .item-head .name{font-size: 24px; line-height:1; font-weight:bold; color: #333333;}
.about-bottom .item .item-body .item-head .ename{ line-height:2; text-transform: uppercase; color: #666666;font-size: 12px;}
.about-bottom .item .item-body .item-content{font-size: 14px; color: #666666; line-height:26px;}

.about-bottom .item::before{ -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; content: ''; position: absolute; height:100%; width:50vw; background-color: rgba(0,0,0,.08)}
.about-bottom .item.linian::before{ right: 0;}
.about-bottom .item.honor::before{ left: 0;}
.about-bottom .item:hover::before{ opacity:.5;}
.innet-section .about-param{ color: #ffffff; margin-top:0; height:480px;background: url("../images/about-param-bg.png") bottom/cover fixed,rgba(0,0,0,1);}
.innet-section  .about-param .param-content{ color: #ffffff;}

.innet-section.sec-adv .adv-box{ background-color: #f3f7fc; padding:60px 0 40px 0 ;}
.innet-section.sec-adv .adv-box .adv-list .adv-item{ overflow: hidden; width:290px;padding:20px; position: relative; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s;}
.innet-section.sec-adv .adv-box .adv-list .adv-item .item-wrap{ position: relative; z-index:3;}
.innet-section.sec-adv .adv-box .adv-list .adv-item::before{ content: ''; position: absolute; width:100%; height:100%; left: 0; top: 0;background-color: rgba(10, 104, 192, .1); z-index:2; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
.innet-section.sec-adv .adv-box .adv-list .adv-item::after{background: url("../images/adv-item-bg.png") center/cover; width:100%; height:100%; top: 0; left: 0; content: ''; display: block; position: absolute; z-index:1;background-color: rgba(10, 104, 192, .9); -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); opacity:0; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s;}
.adv-box .adv-list .adv-item .item-name{-webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; color: #0a68c0; font-size:34px; font-weight:bold;}
.adv-box .adv-list .adv-item .item-name::before{content: ''; display: block; width:60px; height:1px; background-color: CurrentColor; margin-bottom:15px; margin-top:10px;}
.adv-box .adv-list .adv-item .item-brief{-webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; color: #333333; font-size:22px;}
.adv-box .adv-list .adv-item .item-content{-webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; color: #666666; line-height:30px;font-size: 16px; margin-top:20px;}
.adv-box .adv-list .adv-item:hover{ -webkit-transform: translateY(-20px); -moz-transform: translateY(-20px); -ms-transform: translateY(-20px); -o-transform: translateY(-20px); transform: translateY(-20px);}

.adv-box .adv-list .adv-item:hover *{ color: #ffffff;}
.innet-section.sec-adv .adv-box .adv-list .adv-item:hover::after{ -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity:1;}
.innet-section.sec-adv .adv-box .adv-list .adv-item:hover::before{background-color: rgba(10, 104, 192, .9);}


.innet-section.sec-service{ padding-bottom:40px;}
.innet-section.sec-service .service-list{}
.innet-section.sec-service .service-list .service-item{ width:180px; text-align: center;}
.innet-section.sec-service .service-list .service-item .item-wrap{}
.innet-section.sec-service .service-list .service-item .item-icon{text-align: center; line-height:100px; width:100px; height:100px;border-radius: 50%; -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);margin: 20px auto;}

.innet-section.sec-service .service-list .service-item .item-name{ color: #333333;font-size: 18px; line-height:2; margin-bottom:10px;}
.innet-section.sec-service .service-list .service-item .item-desc{ color: #666666;font-size: 16px; line-height:30px;}

.innet-section.sec-service .service-list .service-next{ width:30px; margin:20px 0; height:100px;}
.innet-section.sec-service .service-list .service-next .icon{width: 30px; height:30px; display: block;}

.child-category{ text-align: center;}
.child-category a{ display: inline-block; line-height:42px; width:200px;text-align: center; border:1px solid #cccccc;border-radius: 8px; margin:5px;font-size: 16px;}
.child-category a:hover,.child-category a.on{background: #eee;}